@import '../def.scss';

.phoneLogin{
	width: 576rpx;
	margin: 0 auto;
	position: relative;
}
.title{
	font-size: 48rpx;
	font-weight: normal;
	line-height: normal;
	color: #000000;
	margin-top: 160rpx;
	width: 100%;
	text-align: center;
}
.sub-title{
	font-size: 32rpx;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	color: #666666;
	margin: 30rpx 0 58rpx;
}
.main{
	width: 100%;
	// padding-top: 2upx;
	.warp {
		width: 100%;
		height: 90upx;
		margin: 0 auto 40rpx;
		@extend .flex-row;
		box-sizing: border-box;
		border-bottom: 1rpx solid #c2c2c2;
		.input {
			font-size: 0;
			width: 100%;
			height: 100%;
			@extend .flex-row-center-space;
			input {
				width: 100%;
				height: 100%;
				font-size: 28rpx;
				line-height: 1;
				color: #666666;
				display: block;
			}
			.get-code {
				white-space: nowrap;
				font-size: 24rpx;
				padding: 16rpx 32rpx;
				box-sizing: border-box;
				@extend .flex-row-center;
				color: #fff;
				background: #F17714;
				border-radius: 59rpx;
				height: 64rpx;
				line-height: 1;
				
			}
		}
	}
}
.radio-content {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24rpx;
	font-weight: 400;
	color: #666666;
	margin-top: 32rpx;
	.read {
		padding-left: 8rpx;
		
	}
	
}
.agreement{
	color: #1C3563;
	font-weight: 500;
}

.submit-btn {
	width: 100%;
	height: 96rpx;
	box-sizing: border-box;
	background: linear-gradient(180deg, #EC6A0A 0%, #FB8E26 100%);
	border-radius: 100rpx;
	font-size: 32rpx;
	font-weight: 500;
	color: #FFFFFF;
	@extend .flex-row-center;
	justify-content: center;
	margin-top: 60upx;
}
.bottom{
	margin-top: 16rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	span{
		font-size: 20rpx;
		font-weight: 500;
		color: #5C9FFE;
		line-height: 28rpx;
	}
}